
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小程序开发</title>

    <link rel="stylesheet" href="./css/in.css">

</head>

<body>
 
            <!-- 导航栏 -->
            <div class="nav">
                <ul class="nav-a">
                    <li><a href="#" class="shouye"></a></li>
                    <li><a href="#rel" class="rel"></a></li>
                    <li><a href="#edu" class="edu"></a></li>
                    <li><a href="#tra" class="tra"></a></li>
                    <li><a href="#wor" class="wor"></a></li>
                    <li><a href="#sta" class="sta"></a></li>
                </ul>
                <a href="https://gitee.com/qsj7/genius.git" target="_blank">
                    
                </a>
            </div>
        </div>
    </div>
    <!-- banner -->
    <div class="banner" title="banner" alt="banner">
        <div class="banner1">欢迎来到小程序开发学习课程！</div>
    </div>
    <!-- 1 -->
    <div class="information">
        <div class="information-title" id="rel">课程简介</div>
        <div class="information-main">
            <div class="left">
                
            </div>
            <div class="right1">
                <P>小程序是一种轻量级的应用程序，可以在移动设备上运行，无需下载和安装。</P>
                <P>小程序基于现有的移动操作系统，如微信，支付宝，通过扫码或搜索即可访问。</P>
                <P>小程序具有独立的界面和功能，可以提供类似于传统应用程序的用户体验。</P>
                <P>小程序结合了传统网页和原生应用的优点，具有快速启动、低内存占用、无需安装等。</P>
            </div>
        
        </div>
    </div>


    <!-- 2 -->
    <div class="hobbies">
        <div class="hobbies-title" id="sta">个人任务</div>
        <div class="hobbies-main">
            <p>HTML+CSS+JavaSpcript实现时钟效果</p>
            <div class="box">
            </div>
            <p>1.手写轮播图</p>
        </div>

        <div class="hobbies-title" id="sta">小组任务</div>
        <div class="hobbies-main">
            <p>1.APP商城</p>
            <div class="box">
            </div>
        </div>
    </div>


        <!-- 3 -->
        <div class="education">
            <button><a href="https://www.bilibili.com/video/BV1kM4y127Li/?spm_id_from=333.337.search-card.all.click" target="_blank">开始学习</a></button>
            <div class="education-main">
                <div class="edu1">
                    <div class="edu-l" title="Mid-career" alt="Mid-career">
                    </div>
                </div>
            </div>
        </div>
</body>

    
</html>